//20110728   hansheng   焦点图 数字自己生成
/*符合以下结构的都可以使用
<总标签>
    <*>
  		<a href="#"><img /></a>
        <a href="#"><img /></a>
        <a href="#"><img /></a>
        <a href="#"><img /></a>
        <a href="#"><img /></a>
    </*>
</总标签>
*/
(function($){
	$.fn.th_focus123 = function(options)
	{
		var defaults = {
            time		:4000,		//轮换秒数
            index		:0,			//默认第几张
           	curClass	:"cur",		//数字当前LI Class
			numClass	:"num",		//数字当前UL Class
			speed		:"slow"		//切换时间
    	};
  		var opts = $.extend(defaults, options);
		return this.each(function(){
			var _index = opts.index;
			var _time = opts.time;
			var _class_cur = opts.curClass;	
			var _class_num = opts.numClass;	
			var _speed = opts.speed;
			
			var _this = $(this);									//当前唯一对象
			var len = _this.find('img').length;						//总图片数量
			var	_tempIndex = (_index == 0 ? len : _index - 1);		//前一个图片索引
			
			var	node_imgs = _this.find('img');						//图片集合
				
			addNum();
			var	node_li = _this.find('ul li');						//数字LI集合
			var	node_imgs_li = node_imgs.add(node_li);				//图片和数字集合
			
			init();
			show();
			var _timer = setInterval(show, _time);
			//初始化
			function init()
			{
				node_imgs.css({'position': 'absolute', 'display':'none'});//处理层级关系 要配合这个属性
				//node_imgs.css()
				node_imgs_li.mouseover(
					function()
					{
						clearInterval(_timer);
					}
				).mouseout(
					function()
					{
						_timer = setInterval(show, _time);
					}
				)
				
				node_li.click(
					function()
					{
						//console.log($(this).text() - 1, _index, _tempIndex);
						if ($(this).text() - 1 != _tempIndex)
						{
							_index = $(this).text() - 1;
							show();
						}
					}
				)
			}
			//切换图片效果处理
			function show() 
			{
				if(!node_li.hasClass()) node_li.removeClass(_class_cur);
				
				//if (_tempIndex != _index)
				//{
					node_imgs.eq(_tempIndex).fadeOut(_speed);
				//}
				node_imgs.eq(_index).fadeIn(_speed);
				
				node_li.eq(_index).addClass(_class_cur);
				
				_tempIndex = _index;
				_index = (_index == len - 1 ? 0 : _index + 1);
			}
			//增加数字导航
			function addNum()
			{
				//console.log(node_imgs.parent().parent());
				//node_imgs.parent().parent().after("<ul class='"+_class_num+"'></ul>");
				_this.children().after("<ul class='"+_class_num+"'></ul>");
				for(var i=1; i<=len; i++)
				{
					node_imgs.parent().parent().next().append("<li><a href='javascript:void(0)'>"+i+"</a></li>");
				}
			}
		})
	}
})(jQuery);
